iT邦幫忙

2023 iThome 鐵人賽

DAY 23
0
SideProject30

桌球王系列 第 23

Day 23 - layout-footer

  • 分享至 

  • xImage
  •  

Day 23 - layout-footer

Source: How To Make Footer Stay At Bottom In CSS

Make Footer Stay At Bottom In CSS

Modify

  • Footer - bottom
  <Footer
    style={{
      textAlign: "center",
      position: "fixed",
      bottom: 0,
      height: "100px",
      width: "100%"
    }}
  >
    桌球王 ©2023 Created by 阿瑜
  </Footer>
  • Content - backgroundColor
<Content className="site-layout" style={{ padding: "0 50px" , backgroundColor:"white"}}>
...
</Content>
  • Table - bordered
<Table
    columns={columns}
    dataSource={dataSource}
    className="tableBorder"
    bordered
/>

Commit


上一篇
Day 22 - Release TTK(桌球王)
下一篇
Day 24 - Drag & Drop
系列文
桌球王30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言